irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Catppuccin] Frappe.css
282 lines4.4 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Catppuccin Frappe */
3
4* {
5 font-family: "JetBrainsMono Nerd Font";
6 font-weight: bold;
7 min-height: 0;
8 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9 font-size: 97%;
10 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11}
12
13@import "../waybar/style/catppuccin-themes/frappe.css";
14
15window#waybar {
16 transition-property: background-color;
17 transition-duration: 0.5s;
18 padding: 4px;
19 border-top: 1px solid @rosewater;
20 border-bottom: 3px solid @sapphire;
21 background: alpha(@crust, 0.4);
22 border-radius: 10px;
23}
24
25window#waybar.hidden {
26 opacity: 0.2;
27}
28
29#taskbar button,
30#workspaces button {
31 box-shadow: none;
32 text-shadow: none;
33 padding: 4px;
34 border-radius: 9px;
35 animation: gradient_f 20s ease-in infinite;
36 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
37}
38
39#taskbar button:hover,
40#workspaces button:hover {
41 border-radius: 10px;
42 color: @overlay0;
43 background-color: @surface0;
44 padding-left: 2px;
45 padding-right: 2px;
46 animation: gradient_f 20s ease-in infinite;
47 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
48}
49
50#workspaces button.persistent {
51 color: @surface1;
52 border-radius: 10px;
53}
54
55#taskbar button.active,
56#workspaces button.active {
57 color: @peach;
58 border-radius: 10px;
59 padding-left: 8px;
60 padding-right: 8px;
61 animation: gradient_f 20s ease-in infinite;
62 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
63}
64
65#workspaces button.urgent {
66 color: @red;
67 border-radius: 0px;
68}
69
70#backlight,
71#backlight-slider,
72#battery,
73#bluetooth,
74#clock,
75#cpu,
76#disk,
77#idle_inhibitor,
78#keyboard-state,
79#memory,
80#mode,
81#mpris,
82#network,
83#power-profiles-daemon,
84#pulseaudio,
85#pulseaudio-slider,
86#taskbar button,
87#taskbar,
88#temperature,
89#tray,
90#window,
91#wireplumber,
92#workspaces,
93#custom-backlight,
94#custom-browser,
95#custom-cava_mviz,
96#custom-cycle_wall,
97#custom-dot_update,
98#custom-file_manager,
99#custom-keybinds,
100#custom-keyboard,
101#custom-light_dark,
102#custom-lock,
103#custom-hint,
104#custom-hypridle,
105#custom-menu,
106#custom-playerctl,
107#custom-power_vertical,
108#custom-power,
109#custom-quit,
110#custom-reboot,
111#custom-settings,
112#custom-spotify,
113#custom-swaync,
114#custom-tty,
115#custom-updater,
116#custom-weather,
117#custom-weather.clearNight,
118#custom-weather.cloudyFoggyDay,
119#custom-weather.cloudyFoggyNight,
120#custom-weather.default,
121#custom-weather.rainyDay,
122#custom-weather.rainyNight,
123#custom-weather.severe,
124#custom-weather.showyIcyDay,
125#custom-weather.snowyIcyNight,
126#custom-weather.sunnyDay {
127 padding-top: 4px;
128 padding-bottom: 4px;
129 padding-right: 6px;
130 padding-left: 6px;
131}
132
133/*-----Indicators----*/
134#custom-hypridle.notactive,
135#idle_inhibitor.activated {
136 color: #39FF14;
137}
138
139#backlight {
140 color: @blue;
141}
142
143#battery {
144 color: @green;
145}
146
147@keyframes blink {
148 to {
149 color: @surface0;
150 }
151}
152
153#battery.critical:not(.charging) {
154 background-color: @red;
155 color: @theme_text_color;
156 animation-name: blink;
157 animation-duration: 3.0s;
158 animation-timing-function: steps(12);
159 animation-iteration-count: infinite;
160 animation-direction: alternate;
161 box-shadow: inset 0 -3px transparent;
162}
163
164#bluetooth {
165 color: @blue;
166}
167
168#clock {
169 color: @yellow;
170}
171
172#cpu {
173 color: @green;
174}
175
176#custom-keyboard,
177#memory {
178 color: @sky;
179}
180
181#disk {
182 color: @sapphire;
183}
184
185#temperature {
186 color: @teal;
187}
188
189#temperature.critical {
190 background-color: @red;
191}
192
193#tray > .passive {
194 -gtk-icon-effect: dim;
195}
196#tray > .needs-attention {
197 -gtk-icon-effect: highlight;
198}
199
200#keyboard-state {
201 color: @flamingo;
202}
203
204#custom-cava_mviz {
205 color: @pink;
206}
207
208#custom-menu {
209 color: @rosewater;
210}
211
212#custom-power {
213 color: @red;
214}
215
216#custom-updater {
217 color: @red;
218}
219
220#custom-light_dark {
221 color: @blue;
222}
223
224#custom-weather {
225 color: @lavender;
226}
227
228#custom-lock {
229 color: @maroon;
230}
231
232#pulseaudio {
233 color: @sapphire;
234}
235
236#pulseaudio.bluetooth {
237 color: @pink;
238}
239#pulseaudio.muted {
240 color: @red;
241}
242
243#window {
244 color: @mauve;
245}
246
247#mpris {
248 color:@lavender;
249}
250
251#network {
252 color: @teal;
253}
254
255#network.disconnected,
256#network.disabled {
257 background-color: @surface0;
258 color: @text;
259}
260
261#backlight-slider slider,
262#pulseaudio-slider slider {
263 min-width: 0px;
264 min-height: 0px;
265 opacity: 0;
266 background-image: none;
267 border: none;
268 box-shadow: none;
269}
270
271#backlight-slider trough,
272#pulseaudio-slider trough {
273 min-width: 80px;
274 min-height: 5px;
275 border-radius: 5px;
276}
277
278#backlight-slider highlight,
279#pulseaudio-slider highlight {
280 min-height: 10px;
281 border-radius: 5px;
282}